<template lang="html">
    <div class="line_styl" 
    :style="{ width:widthNum,
            height:heightNum,
            backgroundColor:backColor,
            marginTop:marginUpdown,
            marginBottom:marginUpdown,
            marginLeft:marginLeftright,
            marginRight:marginLeftright,}">
    </div>
</template>
 
<script>
export default {
  name: "Lines",
  data() {
    return {};
  },
  props: {
    widthNum: {
      type: String,
      default: "1px"
    },
    heightNum: {
      type: String,
      default: "10px"
    },
    marginUpdown: {
      type: String,
      default: "0"
    },
    marginLeftright: {
      type: String,
      default: "0"
    },
    backColor: {
      type: String,
      default: "#4d546b"
    }
  },
  watch: {},
  created() {},
  mounted() {},
  methods: {}
};
</script>
 
<style lang="less" scoped>
.line_styl {
  background-color: red;
  width: 100px;
  height: 100px;
}
</style>